Icon Chat

Un composant d'interface flottant, animé par défaut, offrant un accès permanent aux services d'assistance et de conversation en ligne. Positionné de manière fixe dans le coin inférieur droit de l'écran, il est conçu pour être proactif sans être intrusif : il attire l'attention de l'utilisateur au bon moment, sans perturber sa navigation.

# Usage

Usage

L'Icône Chat est un élément d'interface interactif fixe, offrant un accès direct et permanent aux services d'assistance et de conversation en ligne. Elle est un point de contact essentiel pour nos utilisateurs, leur garantissant un support accessible à tout moment.

Comportement

L'Icône Chat est conçue pour être à la fois discrète et proactive, guidant l'utilisateur vers l'aide sans être intrusive.

  • Apparence : Par défaut, elle se présente sous la forme d'une bulle de dialogue ou d'un avatar, positionnée de manière fixe dans le coin inférieur droit de l'écran.
  • Fonctionnalités (après activation) : Lorsque l'utilisateur clique ou tape sur l'icône, le widget de chat s'ouvre, offrant les options suivantes :
    • Programmer une demande de rappel.
    • Discuter avec l'assistant vocal IA.
    • Échanger par écrit avec l'assistant IA.
  • Animation :
    • Délai d'apparition : L'icône apparaît 2 secondes après le chargement complet de la page, permettant à l'utilisateur de prendre connaissance du contenu principal.
    • Animation continue : Son contour est animé en continu pour attirer l'attention de manière douce et non agressive.
    • Message proactif : Un message contextuel ("Comment puis-je vous aider ?") s'affiche automatiquement à intervalles réguliers (toutes les 8 secondes) pour inciter à l'interaction, puis disparaît.
    • Hover (Desktop) : Le même message contextuelapparaît au survol de l'icône.
Quand utiliser

L'Icône Chat est un composant par défaut, essentiel à notre stratégie d'accompagnement client.

  • Accès permanent à l'aide : Elle assure que l'utilisateur a toujours un moyen facile et rapide d'obtenir de l'aide, quel que soit son point dans le parcours.
  • Réduction de la frustration : En offrant une solution proactive aux questions, elle diminue le risque d'abandon et améliore la satisfaction.
  • Engagement proactif : Les animations et messages incitent à l'interaction, transformant une potentielle difficulté en opportunité d'assistance.
  • Optimisation du support : Elle dirige l'utilisateur vers des solutions automatisées (IA) ou planifiées (rappel), optimisant ainsi les ressources du service client.
Quand ne pas utiliser

Bien que l'Icône Chat soit un composant par défaut, il existe des situations exceptionnelles où son comportement proactif peut être ajusté ou son affichage temporairement suspendu.

  • Sur des pages où l'attention de l'utilisateur doit être maximale et sans aucune distraction possible (ex: pages de paiement final, validation de données sensibles). Dans ces cas, l'icône peut être temporairement masquée ou son animation proactive désactivée pour éviter toute interférence.
  • Si elle entre en conflit visuel ou fonctionnel avec un autre élément d'interface flottant essentiel (bien que cela doive être anticipé et évité lors de la conception des pages).

# Do & Don't

**Utiliser pour la conversion**

Le Link animé est conçu pour guider l'utilisateur vers une action clé de conversion, comme la souscription ou la poursuite d'un parcours.

**Élément autonome**

Le Link animé doit être un élément autonome. L'intégrer au milieu d'une phrase ou d'un paragraphe nuirait à sa visibilité, à la clarté du message et pourrait créer une distraction.

**Privilégier l'action unique**

Pour maximiser son impact et éviter la surcharge cognitive, le Link animé doit être l'appel à l'action principal et unique dans son contexte immédiat.